import React from "react";
import ReactECharts from "echarts-for-react";
const Index: React.FC = () => {
  // const option =
  const list = [
    {
      title: "娱乐",
      progress: "40%",
      color: "red",
    },
    {
      title: "吃饭",
      progress: "50%",
      color: "yellow",
    },
    {
      title: "学习",
      color: "orange",
      progress: "60%",
    },
  ];
  return (
    <div>
      <div>{/* <ReactECharts option={option}></ReactECharts> */}</div>
      <div>
        {list.map((v, i) => {
          return (
            <div className="list-item" key={i}>
              <div>{v.title}</div>
              <div className="progress-con">
                <div
                  className="progress-p"
                  style={{ width: v.progress, backgroundColor: v.color }}
                ></div>
              </div>
            </div>
          );
        })}
      </div>
    </div>
  );
};

export default Index;
